<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/slide.css"/>
	</head>
	<body>
		
		<div class="js_poster poster_main">
			<div class="btn prebtn">
				<img src="img/btn_l.png" />
			</div>
			
			<ul class="poster_list">
				<li class="poster_item"><a href="#"><img src="img/1.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/2.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/3.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/4.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/5.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/6.jpg" /></a></li>
				<li class="poster_item"><a href="#"><img src="img/7.jpg" /></a></li>
			</ul>
			
			<div class="btn nextbtn">
				<img src="img/btn_r.png" />
			</div>
		</div>
		
		<script src="js/jquery-produce-3.1.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/slide.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="UTF-8">
			
			$(function(){
				Carousel.init($(".js_poster"));
			});
			
		</script>
		
	</body>
</html>
